

<!-- 媒体标签
        a       超链接
        img     图片
        audio   音频
        video   视频
-->





<!-- 媒体属性

    href=""       跳转地址
                            为空则刷新页面
                            网址
                            本地路径
                            锚点  (#某标签的id)

    target=""      打开方式
                                _blank      在新窗口打开 
                                _self       在当前窗口打开
                                _parent     在框架页面的父框架中打开
                                _top        在整个浏览器窗口中打开，会跳出所有框架



    图片img    
                    <img src="地址" alt="错误提示" width="30%" height="120" title="派大星" >
            src     指定图像源路径
            alt     错误提示
            width   图像宽
            height  图像高
            title   图像名  （鼠标停放在图像上，会显示图像名）



    音频audio
                    <audio src="地址" controls autoplay loop ></audio>
        src         指定音频源路径
        controls    显示播放按钮
        autoplay    自动播放
        loop        循环播放



    视频video
                    <video src="本地地址" controls autoplay loop ></video>
        src         指定视频源路径
        controls    显示播放按钮
        autoplay    自动播放
        loop        循环播放
-->














<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>媒体标签</title>
</head>
<body>



    <a href="">刷新页面</a>
    <br>
    <a href="https://www.baidu.com" target="_blank">百度</a>
    <br>
    <a href="">刷新页面</a>
    <br>
    <a href="https://hao123.com" target="_blank">hao123</a>
    <br>
    <a href="">刷新页面</a>
    <br>
    <a href="5.表格标签.html"></a>
    <br>
    <a href="">刷新页面</a>
    <br>
    <br>

    <span id="my_top">顶部</span>
    <br>
    <a href="#my_mid">回到中间</a>
    <br>
    <a href="#my_bot">回到底部</a>
    <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>

    <span id="my_mid">中间</span>
    <br>
    <a href="#my_top">回到顶部</a>
    <br>
    <a href="#my_bot">回到底部</a>
    <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>

    <span id="my_bot">底部</span>
    <br>
    <a href="#my_top">回到顶部</a>
    <br>
    <a href="#my_mid">回到中间</a>




<hr>
<img src="./派大星.jpg" alt="" width="30%" height="30%" title="派大星">
<img src="https://c-ssl.duitang.com/uploads/item/201903/02/20190302150317_YTZyM.jpeg" alt="未经允许不得私自使用">




</body>
</html>